@charset :"utf-8";
main{
	width: 100%;
	height: 5000px;
	backg round: #ffff7f;
}
main nav{
	width: 1104px;
	height:90px;
	backg round: #aaffff;
	margin: 0 auto;
	
}

main nav  div.main_left{
	width: 800px;
	height:90px ;
	backg round: #aaff00;
	float: left; 
	display: flex;
	align-items: center;	
	
}
main nav div.logo{
	width: 225px;
	height: 90px;
	position:relative;
	top: 15px;
}
main nav   ul{
	
	display: flex;
	float: right;
	position: relative;
	top: 2px;
}
main nav   ul li {
	margin-right:15px ;
}
main nav  ul li a{
	
	color: #333;
} 
main nav  ul li a:hover{
	color: #000;
}

main nav div.searh{
	width:266px;
	    height:48px;
	    position: relative;
	    top: 1px;
	    border:1px #e0e0e0 solid;
	    float:right; 
	    margin-top:25px;
}
main nav div.searh_box{
	margin-top: -1px;
	margin-left: 17px;
	position: relative;
	left: 195px;
	width: 10px;
	height: 48px; 
	border-left: 1px #e0e0e0 solid;
}
main nav div.searh_box img{
	position: relative;
	top: 10px;
	left: 10px;
}
main nav div.searh span{
	float: right;
	font-size: 12px;
	color: #757575;
	margin-top: 27px;
	margin-right: 22px;
	background-color: #eee;
	padding: 3px 5px;
	position: relative;
	top: -61px;
	left: -40px;
}
/* ------------------------------------------------- */

















/* ------------------------------------------------- */
/* 轮播图 */
figure{
	width: 1104px;
	position: relative;
	top: -10px;
	left: 367px;
}
/* --------------------------------------------------- */

			section #event{
				width: 1104px;
				height: 260px;
				backg round: #000;
				margin: 0 auto;
			}
			/* 图片飘起来 li */
			section #event ul li{
				float:left;
				/* 间隙：上侧、左侧位 */
				margin-left: 13.3px;
				margin-top: 20px;
			}
			/* 图片：宽高 */
			section #event ul li img{
				width: 266px;
				height: 200px;
			}
			/* 去掉左侧为外边框 外边距 0*/
			section #event ul li:first-child{
				bor der: 1px solid red;
				margin-left: 0;
			}
			/* 移动上面改变效果：下阴影 */
			section #event ul li:hover{
				filter: drop-shadow(0 0 5px #c1bbbf);
			}
/* --------------------------------------------------- */
/* 小米明星单品 */

main div.star{
	width:1104px ;
	height: 30px;
	padding: 3px 5px;
	position: relative;
	left: 350px;
}
main div.star_left{
	width: 300px;
	
}


main div.star div.star_left ul li a{
	font:20px "微软雅黑" ;
	font-weight: 400;
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	color: #000;
}
main div.star_right{
	width: 300px;
	height: 30px;
	float: right;
	position: relative;
	top: -30px;
	left: 278px;	
	}
	
main div.left1_box{
	width: 10px;
	height: 15px;
	background: #eee;
	border: 1px solid #424242;
}
main div.right1_box{
		width: 10px;
		height: 15px;
		background: #eee;
		border: 1px solid #424242;
		float: right;
		position: relative;
		top: -17px;
		left: -270px;
	}
	
	
	
	
	
	/* ----------------------------------------------------------------------------------------------------- */
	div.star1{
		width: 1104px;
		height: 380px;
		margin: 0 auto;
		margin-bottom: 40px;
	}
	
	
	div.container_star{
					    float: left;
					    margin-right: 14px;
					    width: 206px;
					    height: 306px;
					    background-color: #fafafa;
					    text-align: center;
						
				}
				div.container_star dl {
					width: 200px;
				}
				/* 容器：图片，三行文本 */
				div.container_star dl dt img{
					margin: 50px auto;
					text-align: center;
					
				}
				/* 容器：文本，第二三行 */
				div.container_star dl dd.product_content{
					color: #afafaf;
					font-size: 12px;
					line-height: 40px;
					text-align: center;
				}
				div.container_star dl dd.product_price{
					color: #ff6709;
					font-size: 14px;
					text-align: center;
				}

/* ------------------------------------------------------------------------------ */

div.bg{
	height: 4500px;
	background-color: #f5f5f5;
}
div.hardware_box{
    margin-left: auto;
    margin-right: auto;
    width: 1104px;
	height: 740px;
	backg round: #ffff00;
}
div.hardware{
	width: 1104px;
	    float: left;
	    margin-bottom: 19px;
	    font-size: 24px;
	    color: #333;
	    margin-top: 76px;	
}
div.hardware a{
	float:right;
	font-size:18px; 
	margin-right:10px; 
	color:#333;
}
div.kidwatch{
	    width: 234px;
	    height: 605px;
	    float: left;
	    margin-right: 12px;
	    background: url(/img/haraware_kid.png) no-repeat;
	    text-align: center;
}
div.content{
	width: 205px;
	    height: 290px;
	    margin-right: 12px;
	    background-color: #fff;
	    float: left;
	    text-align: center;
		margin-top: 12px;
}
div.content:hover{
	filter: drop-shadow(0 0 8px #a7a7a7);
}
div.content4{
	width: 205px;
	height: 290px;
	background-color: #fff;
	float: left;
	text-align: center;
	margin-top: 12px;
}
div.content4:hover{
	filter: drop-shadow(0 0 8px #a7a7a7);
}
div.content dl dt img{
	margin-top: 100px;
	text-align: center;
				
}
			/* 容器：文本，第二三行 */
div.content dl dd.name{
	color: #333;
	margin-top: 20px;
	font-size: 14px;
}
div.content dl dd.product_content{
	color: #afafaf;
	font-size: 12px;
	line-height: 40px;
	text-align: center;
}
div.content dl dd.product_price{
	color: #ff6709;
	font-size: 12px;
	text-align: center;
}
div.content4 dl dt img{
	margin-top: 100px;
	text-align: center;
				
}
			
div.content4 dl dd.name{
	color: #333;
	margin-top: 10px;
	font-size: 14px;
}
div.content4 dl dd.product_content{
	color: #afafaf;
	font-size: 12px;
	line-height: 40px;
	text-align: center;
}
div.content4 dl dd.product_price{
	color: #ff6709;
	font-size: 12px;
	text-align: center;
}
/* ------------------搭配----------------------- */
div.dapei_box{
	margin-left: auto;
	margin-right: auto;
	width: 1104px;
	height: 740px;
	
}
div.dapei{
	width: 1104px;
	float: left;
	margin-bottom: 19px;
	font-size: 24px;
	color: #333;
	margin-top: 40px;;	
}
div.dapei ul{
	float: right;
}
.dapei li {
    float: left;
    margin-right: 30px;
    padding-bottom: 2px;
    font-size: 18px;
}
/* -------------热评产品----------------------------- */
div.reping_box{
	width: 1104px;
	margin-left: auto;
	margin-right: auto;
}
div.reping{
	margin-left: auto;
	margin-right: auto;
	width: 1104px;
	float: left;
	margin-bottom: 19px;
	font-size: 24px;
	color: #333;
	margin-top: 10px;
}
div.hotproduct{
    float: left;
    width: 267px;
    height: 405px;
    background-color: #fff;
    margin-right: 12px;
}
div.hotproduct1{
    float: left;
    width: 267px;
    height: 405px;
    background-color: #fff;
}
div.judge{
    width: 240px;
    margin-top: 34px;
    margin-left: auto;
    margin-right: auto;
}
.hotproduct p {
    margin-bottom: 35px;
	color: #000;
	font-size: 14px;
}
.hotproduct h1 {
    font-size: 12px;
    font-family: "宋体", sunself;
    color: #b0b0b0;
    display: block;
    margin-bottom: 15px;
    font-weight: normal;
}
.hotproduct a {
    border-right: 1px solid #b0b0b0;
    padding-right: 10px;
    margin-right: 10px;
	color: #000;
}
.hotproduct1 p {
    margin-bottom: 35px;
	color: #000;
	font-size: 14px;
}
.hotproduct1 h1 {
    font-size: 12px;
    font-family: "宋体", sunself;
    color: #b0b0b0;
    display: block;
    margin-bottom: 15px;
    font-weight: normal;
}
.hotproduct1 a {
    border-right: 1px solid #b0b0b0;
    padding-right: 10px;
    margin-right: 10px;
	color: #000;
}
/* --------------------------内容----------------------- */
div.classify_box{
    margin-left: auto;
    margin-right: auto;
    width: 1104px;
}
div.classify{
	margin-left: auto;
	margin-right: auto;
	width: 1104px;
    float: left;
    margin-bottom: 19px;
    font-size: 24px;
    color: #333;
    margin-top: 40px;
}
div.neirong{
    width: 267px;
    height: 374px;
    background-color: #fff;
    float: left;
    margin-right: 12px;
    padding-top: 50px;
    text-align: center;
}
div.neirong1{
    width: 267px;
    height: 374px;
    background-color: #fff;
    float: left;
    padding-top: 50px;
    text-align: center;
}
div.neirong:hover{
    filter: drop-shadow(0 0 8px #a7a7a7);
}
div.neirong1:hover{
    filter: drop-shadow(0 0 8px #a7a7a7);
}
/* ----------视频------------- */
div.shipin_box{
	width: 1104px;
	margin-left: auto;
	margin-right: auto;
}
div.shipin {
	margin-left: auto;
	margin-right: auto;
	width: 1104px;
    float: left;
    margin-bottom: 19px;
    font-size: 24px;
    color: #333;
    margin-top: 40px;
}
div.shipin1{
	    width: 267px;
	    height: 290px;
	    background-color: #fff;
	    float: left;
	    margin-right: 12px;
	    text-align: center;
	    position: relative;a
}
div.shipin2{
	width: 267px;
	height: 290px;
	background-color: #fff;
	float: left;
	text-align: center;
	position: relative;
}
img.play {
    position: absolute;
    left: 25px;
    top: 125px;
}
div.shipin1 h1{
	font-size: 14px;
	font-weight: normal;
	color: #333;
	margin-top: 30px;
	margin-bottom: 12px;
}
div.shipin2 h1{
	font-size: 14px;
	    font-weight: normal;
	    color: #333;
	    margin-top: 30px;
	    margin-bottom: 12px;
}

		
			
			